.control-label {
  input[type="checkbox"] {
    margin-right: 5px;
  }
  span {
    margin-left: 5px;
  }
  .required-field {
    color: $red-dark;
    font-size: 0.9rem;
  }
}

.description {
  font-size: 0.8rem;
  &.well {
    margin-top: 10px;
  }
  ol {
    list-style: disc;
    padding: 0 10px;
    text-align: left;
    li {
      display: list-item;
      padding-top: 8px;
      border-bottom: 1px solid $dark-gray;
      i {
        display: inline-block;
        float: right;
      }
    }
  }
}

.with-add-on {
  display: flex;
  .tool-tip-container {
    height: 100%;
    cursor: pointer;
  }
  input {
    flex: 1;
  }
  svg {
    height: 100%;
    width: 80%;
    fill: $linkcolor;
  }
}

.field-error {
  background: $white;

  input[type=text],
  select,
  input:not([type=checkbox]),
  input[type=radio] + span,
  textarea {
    background-color: $red-error;
    border: 1px $red-dark solid;
    box-shadow: none;

    &:focus {
      background-color: lighten($red-error, 5%);
      outline-color: $red-dark;;
    }
  }

  .description {
    background: $white;
    color: $red;
  }
}
